<template>
  <div>
      <a-divider orientation="left">日常费用详情</a-divider>
      <a-descriptions bordered size="small" :column="2">
        <a-descriptions-item label="收款单位" >
          {{formItem.receivingUnit}}
        </a-descriptions-item>
        <a-descriptions-item label="部门" >
          {{formItem.deptName}}
        </a-descriptions-item>
        <a-descriptions-item label="收款银行">
          {{formItem.bank}}
        </a-descriptions-item>
        <a-descriptions-item label="收款账户">
          {{formItem.bankNo}}
        </a-descriptions-item>
        <a-descriptions-item label="申请金额" :span="2">
          {{formItem.applyAmount}}
        </a-descriptions-item>
        <a-descriptions-item label="附件" :span="2">
          <f-images :value="formItem.rcImage"></f-images>
        </a-descriptions-item>
        <a-descriptions-item label="备注" :span="2">
          {{formItem.remark}}
        </a-descriptions-item>
      </a-descriptions>

  </div>
</template>
<script>

  import api from './js/api'


  export default {
    name: 'ConsumptionDetails',
    components: {  },
    data() {
      let me = this
      //操作按钮
      let operator = []
      return {
        api: Object.assign(api, this.api),
        //列表初始化查询参数
        queryParam: {},
        modalTitle: '日常费用详情',
        formItem: this.getFormItem(),
        operator: operator
      }
    },
    created() {
    },
    methods: {
      getFormItem() {
        return {
        }
      },
      setData(data) {
        this.formItem = this.getFormItem()
        if (data && data.consumptionId) {
          let params = {
            consumptionId: data.consumptionId
          }
          this.http.get(this, {
            url: this.api.consumption.get,
            params: params,
            success: function(me, data) {
              me.formItem = data
              me.loaded = true
            }
          })
        }
      }
    }
  }
</script>
